<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Drop List</title>
<style type="text/css">
* { font-size:12px; }
body { margin:0px 0px; padding:0px 0px; }
.menu { position: relative; background:url(top_bg.gif); height:32px; line-height:32px; padding:0px 0px; margin: 0px 0px 10px 0px; background-color:#f5f5f5; }
.menu li { position: relative; float: left; list-style: none; }
.menu li a:link, .menu li a:visited { display:block; line-height:32px; padding:0px 5px; font-weight:bold; }
.menu li a:hover { background-color:#CCCCCC; }
.menu li ul { list-style:none; position: absolute; margin:0px 0px; margin:0px 0px; padding:0px 0px; line-height:100%; display:none;  }
.menu li ul li { float:none; border:none; margin:0px 0px; padding:0px 0px; background-color:#f5f5f5; height:24px; }
.menu li ul li a:link, .menu li ul li a:visited { display:block; white-space: nowrap; height:24px; line-height:24px; margin:0px 0px; }
.menu li ul li a:hover { background-color:#CCCCCC; }
</style>
</head>
<body>
<ul class="menu" id="mymenu">
  <li><a href="#">管理项</a>
    <ul>
      <li><a href="system.asp?action=config" title="System">[系统]</a></li>
      <li><a href="system.asp?action=user" title="Users">[用户]</a></li>
      <li><a href="system.asp?action=skins" title="Skins">[皮肤]</a></li>
      <li><a href="system.asp?action=plugins" title="Plugins">[插件]</a></li>
    </ul>
  </li>
  <li><a href="manage.asp">调用代码</a></li>
  <li><a href="manage.asp?action=config" title="Config">配置编辑</a></li>
  <li><a href="manage.asp?action=list" title="List">列表编辑</a></li>
  <li><a href="mini.asp">Mini Player</a></li>
  <li><a href="userlist.asp">用户列表</a>
    <ul>
      <li><a href="#">音乐排名Top10</a></li>
      <li><a href="#">点击排名Top10</a></li>
    </ul>
  </li>
  <li><a href="gbook.asp">留言簿</a> </li>
</ul>
<script type="text/javascript">
initmenu("mymenu");
function initmenu(o) {
	var menu = document.getElementById(o);
	var as = menu.getElementsByTagName("a");
	for (var i = 0; i < as.length; i ++) {
		var ta = as[i];
		var tn = ta.nextSibling;
		checkDropList(ta, tn);
	}
}
function checkDropList(ta, tn) {
	if (tn) {
		if (tn.nodeType == 1) {
			addMenuEvent(ta, tn);
		} else {
			checkDropList(ta, tn.nextSibling);
		}
	}
}
function addMenuEvent(ta, tn) {
	var tp = ta.parentNode;
	if (tp) {
		tp.onmouseover = function() {tn.style.display = "block";}
		tp.onmouseout = function() {tn.style.display = "none";}
	}
}
</script>
<div style="border:1px solid #CCCCCC;">下一个</div>
</body>
</html>
